//购物车页面
@import "common.less";
#content{
   
    width:@width2;
    .mauto;
    //头部开始
    #head{
        .of;
        margin-top:20px;
        border-bottom: 1px solid black;
        //头部左边logo
        .logo{
           .flf;
        }
        //头部右边登陆信息
        .topRight{
            
            height:39px;
            line-height: 39px;
            .loginout{
                .ff;
                .flr;
                a{
                
                .ff;
                color:@redcolor;
                 }    
            }
            .helpcenter{
                .ff;
                color:@redcolor;
                .flr;
                color:black;
                margin-left:40px;
            }
        }
        
    }
    //头部结束
    
    //主体分部
    #cartContent{
        //当前位置
        .location{
            .of;
            width:552px;
            margin-top:10px;
            height:28px;
            background:url(../Img/newProm.gif.png) no-repeat 0 0;
            //购物车
            .onemyshopcart{
                .ff;
                .dsb;
                .flf;
                text-align: center;
                color:white;
                line-height: 30px;
                height:30px;
                width:170px;
                font-weight: bold;
                &.noselected{
                    color:#666;
                }
            }    
        }
        .carTop{
            height:40px;
            .carIcon{
                .dsb;
                margin-top:10px;
                width:40px;
                height:30px;
                .flf;
                background:url(../Img/newpromotion.gif.png) no-repeat -460px 0 ;
            }
            h2{
                .ff;
                .flf;
                font-size:18px;
                margin-top:15px;
                margin-left:10px;
            }
            
        }
        //温馨提示
        .prompt{
            margin:6px 0px;
            span{
                .ff;
                color:@redcolor;
            }
        }
        //购物车主体表单
        .cartCenter{
            table{
                border:1px solid #DCDFE4;
                tr{
                    th{
                        .ff;    
                    }
                }
                width:980px;
                .tabletitle{
                    height:37px;
                    background:url(../Img/carthd.png) repeat-x;
                }
            }
        }
        //购物列表
        .shopList{
            background: #F8F8F8;
            margin-bottom:2px;
            td{
                .ff;
               .proNum{
                 width:50px;
                 .flf;
                 height:19px;
                 margin:0 5px;
                }
               padding:5px 0;
               img{
                  border:1px solid #999;margin-top:8px;
                }
                a{
                    margin-bottom:30px;
                    .ff;
                    width: 17px;
                    height:20px;
                    &.minus{
                        .dsb;
                        .flf;
                        background: url(../Img/cartsprite.png) -85px 0;
                        margin-bottom:0px;                        
                    }
                    &.plus{
                        .dsb;
                        .flf;
                        background: url(../Img/cartsprite.png) 0px 0;
                        margin-bottom:0px;
                    }
                    &.del{
                        color:#888;
                    }
                }   
            }
        }
        //购物车按钮结算
        #delCount{
            margin-top:10px;
            padding:15px 12px;
            border:1px solid #EBE5BB;
            background: #FFFEF5;
            .of;
            //左边
            .left{
                padding-top:5px;
                .ff;
                .flf;
                line-height: 12px;
                #checkall{
                    .flf;
                    margin-top:15px;
                }
                a{
                    .flf;
                    .ff;
                    margin:14px 10px;
                    
                }
                .countNumFont{
                    .ff;
                    .flf;
                    margin-left:20px;
                    margin-top:14px;
                    color:@redcolor;
                    line-height: 12px;
                    .numCount{
                        .ff;
                    }
                }
                .fontPrice{
                    .ff;
                    .flf;
                    margin-left:20px;
                    line-height:30px;
                    span{
                        font-size:23px;
                        font-weight: 700;
                        .ff;
                        color:@redcolor;
                    }
                }
            }
            //右边按钮
             .right{
                 .flr;
                 a{
                     .ff;
                     font-size: 14px;
                     .dsb;
                    &.keepShop{
                        .flf;
                        width:122px;
                        height:37px;
                        background:url(../Img/newpromotion.gif.png) no-repeat -160px 0;
                        .tcc(37px); 
                        margin-top:10px;
                    }
                    &.goSum{
                        .flf;
                        width:160px;
                        height:50px;
                        background: url(../Img/newpromotion.gif.png) no-repeat 0 0;
                        .tcc(50px);
                        color:white;
                        margin-left:10px;
                        .ff;
                        text-indent: 20px;
                        font-size:20px;
                    }                   
                 }
                 
             }
        }
    }
    //主体部分结束
    #foot{
        .copyright{
            .tcc(70px);
            color:#888;
            .ff;
        }
        .gsjImg{
            width:550px;
            .mauto;
            a{
                .dsb;
                .flf;
                margin-left:40px;
                &.chinazdw{
                    width: ;
                }
            }
        }
    }
}
